<!DOCTYPE html>
<html>
<head lang="en">
    <link rel="stylesheet" href="../../css/bootstrap.min.css">
    <link rel="stylesheet" href="../../css/font-awesome.min.css">
    <link rel="stylesheet" href="../../plugins/jqgrid/ui.jqgrid-bootstrap.css">
    <link rel="stylesheet" href="../../plugins/ztree/css/metroStyle/metroStyle.css">
    <link rel="stylesheet" href="../../css/main.css">
    <link rel="stylesheet" href="../../css/layui.css" media="all">
    <script src="../../libs/jquery.min.js"></script>
    <script src="../../plugins/layer/layer.js"></script>
    <script src="../../libs/bootstrap.min.js"></script>
    <script src="../../libs/vue.min.js"></script>
    <script src="../../plugins/jqgrid/grid.locale-cn.js"></script>
    <script src="../../plugins/jqgrid/jquery.jqGrid.min.js"></script>
    <script src="../../plugins/ztree/jquery.ztree.all.min.js"></script>
    <script src="../../js/common.js"></script>
    <script src="../../js/layui.js" charset="utf-8"></script>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">


</head>
<body>
<div class="layui-tab layui-tab-card">
    <ul class="layui-tab-title">

        <li class="layui-this" >验收问题</li>
         <li>问题照片</li>
           <li>拉线</li>
           <li>交叉跨越</li>

    </ul>
    <div class="layui-tab-content">

        <div id="layout1"  class="layui-tab-item layui-show">
            <iframe src="eproblemexist.html"  id="frame1" width="100%" height="555" frameborder="0">
            </iframe>
        </div>
        <div id="layout2"  class="layui-tab-item">
            <iframe src="epointpicture.html"  id="frame2" width="100%" height="555" frameborder="0">
            </iframe>
        </div>

        <div id="layout3"  class="layui-tab-item ">
            <iframe src="edrawline.html"  id="frame3" width="100%" height="555" frameborder="0">
            </iframe>
        </div>
        <div id="layout4"  class="layui-tab-item">
            <iframe src="ecrosscost.html"  id="frame4" width="100%" height="555" frameborder="0">
            </iframe>
        </div>









    </div>
</div>


<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>

    $(function () {
        var pguid= GetUrlParam("pguid");
        var pdguid= GetUrlParam("pdguid");
       var frame1 = document.getElementById('frame1');
        var frame2 = document.getElementById('frame2');
        var frame3 = document.getElementById('frame3');
        var frame4 = document.getElementById('frame4');
        frame1.src="eproblemexist.html?dpguid="+pdguid+"&pguid="+pguid;
        frame2.src="epointpicture.html?dpguid="+pdguid+"&pguid="+pguid;
        frame3.src="edrawline.html?dpguid="+pdguid+"&pguid="+pguid;
        frame4.src="ecrosscost.html?dpguid="+pdguid+"&pguid="+pguid;



    })

    layui.use('element', function () {
        var $ = layui.jquery
            , element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块

        //触发事件
        var active = {
            tabAdd: function () {
                //新增一个Tab项
                element.tabAdd('demo', {
                    title: '新选项' + (Math.random() * 1000 | 0) //用于演示
                    , content: '内容' + (Math.random() * 1000 | 0)
                    , id: new Date().getTime() //实际使用一般是规定好的id，这里以时间戳模拟下
                })
            }
            , tabDelete: function (othis) {
                //删除指定Tab项
                element.tabDelete('demo', '44'); //删除：“商品管理”


                othis.addClass('layui-btn-disabled');
            }
            , tabChange: function () {
                //切换到指定Tab项
                element.tabChange('demo', '22'); //切换到：用户管理
            }
        };

        $('.site-demo-active').on('click', function () {

            var othis = $(this), type = othis.data('type');

            active[type] ? active[type].call(this, othis) : '';
        });

        //Hash地址的定位
        var layid = location.hash.replace(/^#test=/, '');
        element.tabChange('test', layid);

        element.on('tab(test)', function (elem) {

            location.hash = 'test=' + $(this).attr('lay-id');
        });

    });

</script>
</body>
</html>